<!DOCTYPE html>
<html>
<head>
	<title>06浮动布局</title>
<style>
	#lside {
		height: 100px;
		/*没写width，会一直宽 */
		background: gray;
	}

	#rside {
		height: 100px;
		background: green;
	}
	#a {
		width: 20px;
		height: 100px;
		background: gray;
	}

	#b {
		width: 20px;
		height: 100px;
		background: red;
	}
	#c {
		width: 20px;
		height: 100px;
		background: gray;
		float: left;
	}

	#d {
		width: 20px;
		height: 100px;
		background: red;
		float: left;
	}s
	#comm {
		width: 300px;
		height: 300px;
		background: orange;
	}
</style>
</head>
<body>
	<div id="lside">我是左</div>
	<div id="rside">我是右</div>
	<div id="a">我是左</div>
	<div id="b">我是右</div>
	<div id="c">我是左</div>
	<div id="d">我是右</div>
	<div id="comm">我是普通div</div>
</body>
</html>